<template>
  <div>
    <div id="productsandservices1">
      <div class="productsandservices2"></div>
      <div class="productsandservices3">
        <div class="productsandservices4">
          <el-tabs v-model="activeName">
            <el-tab-pane label="监测显示类" name="first">
              <div class="productsandservices5">
                <div class="productsandservices6">
                  •&nbsp;显示类功能用于展示采集到的数据信息，用户可以通过展示的内容随时了解环境指标，设备状态等等数据，支持PC、手机的远程展示、现场触控屏展示和LED大屏展示等。
                </div>
                <div class="productsandservices7">
                  <!-- <div> -->
                  <div class="productsandservices8">
                    <!-- <div class="productsandservices9"> -->
                    <img src="./../../assets/productsandservicesimg/参数卡片.png" class="productsandservices9" alt="" />
                    <!-- </div> -->
                    <div class="productsandservices10">参数卡片</div>
                    <div class="productsandservices11">展示数值 、状型 、多状态控制型 、开关控制 、数值控制型的参数进行 展示</div>
                  </div>
                  <div class="productsandservices8">
                    <!-- <div class="productsandservices9"> -->
                    <img src="./../../assets/productsandservicesimg/地图场景.png" class="productsandservices9" alt="" />
                    <!-- </div> -->
                    <div class="productsandservices10">地图场景</div>
                    <div class="productsandservices11">
                      自带的地理信息系统，在地图上展示各类定位相关信息，用户可以直接在地图上掌握项目、设备信息。
                    </div>
                  </div>
                  <!-- 3 -->
                  <div class="productsandservices8">
                    <img src="./../../assets/productsandservicesimg/画面组态.png" class="productsandservices9" alt="" />
                    <div class="productsandservices10">画面组态</div>
                    <div class="productsandservices11">允许用户通过自由组态，搭建适合自己的模拟场景。</div>
                  </div>
                  <!-- 4 -->
                  <div class="productsandservices8">
                    <img src="./../../assets/productsandservicesimg/3D场景.png" class="productsandservices9" alt="" />
                    <div class="productsandservices10">3D场景</div>
                    <div class="productsandservices11">将设备或环境制作成3D场景，通过各种组件的动画、状态来模拟现场的实际情况。</div>
                  </div>
                  <!-- 5 -->
                  <div class="productsandservices8">
                    <img src="./../../assets/productsandservicesimg/大数据展示.png" class="productsandservices9" alt="" />
                    <div class="productsandservices12">大数据展示</div>
                    <div class="productsandservices11">展示数值 、状型 、多状态控制型 、开关控制 、数值控制型的参数进行 展示</div>
                  </div>
                  <!-- 6 -->
                  <div class="productsandservices8">
                    <img src="./../../assets/productsandservicesimg/视频监控.png" class="productsandservices9" alt="" />
                    <div class="productsandservices10">视频监控</div>
                    <div class="productsandservices11">
                      自带的地理信息系统，在地图上展示各类定位相关信息，用户可以直接在地图上掌握项目、设备信息。
                    </div>
                  </div>
                  <!-- 7 -->
                  <div class="productsandservices8">
                    <img src="./../../assets/productsandservicesimg/参数列表.png" class="productsandservices9" alt="" />
                    <div class="productsandservices10">参数列表</div>
                    <div class="productsandservices11">允许用户通过自由组态，搭建适合自己的模拟场景。</div>
                  </div>
                  <!-- 8 -->
                  <div class="productsandservices8">
                    <img src="./../../assets/productsandservicesimg/监控点列表.png" class="productsandservices9" alt="" />
                    <div class="productsandservices12">监控点列表</div>
                    <div class="productsandservices11">将设备或环境制作成3D场景，通过各种组件的动画、状态来模拟现场的实际情况。</div>
                  </div>
                  <!-- 9 -->
                  <div class="productsandservices8">
                    <img src="./../../assets/productsandservicesimg/监控点展示.png" class="productsandservices9" alt="" />
                    <div class="productsandservices12">监控点展示</div>
                    <div class="productsandservices11">展示数值 、状型 、多状态控制型 、开关控制 、数值控制型的参数进行 展示</div>
                  </div>
                  <!-- 10 -->
                  <div class="productsandservices8">
                    <img src="./../../assets/productsandservicesimg/轨迹定位.png" class="productsandservices9" alt="" />
                    <div class="productsandservices10">轨迹定位</div>
                    <div class="productsandservices11">
                      自带的地理信息系统，在地图上展示各类定位相关信息，用户可以直接在地图上掌握项目、设备信息。
                    </div>
                  </div>
                  <!-- 11 -->
                  <div class="productsandservices8">
                    <img src="./../../assets/productsandservicesimg/开发中.png" class="productsandservices9" alt="" />
                    <div class="productsandservices13">开发中</div>
                    <div class="productsandservices11">允许用户通过自由组态，搭建适合自己的模拟场景。</div>
                  </div>
                  <!-- 12 -->
                  <div class="productsandservices8">
                    <img src="./../../assets/productsandservicesimg/开发中.png" class="productsandservices9" alt="" />
                    <div class="productsandservices13">开发中</div>
                    <div class="productsandservices11">将设备或环境制作成3D场景，通过各种组件的动画、状态来模拟现场的实际情况。</div>
                  </div>
                  <!-- </div> -->
                </div>
              </div>
            </el-tab-pane>
            <el-tab-pane label="逻辑控制类" name="second">
              <div class="productsandservices14">
                <div class="productsandservices15">
                  •&nbsp;控制类功能用于控制接入系统的各种设备，包括控制开关、运行模式、运转效率等等，支持远程、现场控制，并可以通过设置实现自动控制和连锁控制。
                </div>
                <div class="productsandservices16">
                  <div class="productsandservices17">
                    <img src="./../../assets/productsandservicesimg/状态控制.png" class="productsandservices18" alt="" />
                    <div class="productsandservices19">状态控制</div>
                    <div class="productsandservices20">自带的设备控制功能，可以实现按状态控制设备。</div>
                  </div>
                  <!-- 2 -->
                  <div class="productsandservices17">
                    <img src="./../../assets/productsandservicesimg/数值控制.png" class="productsandservices18" alt="" />
                    <div class="productsandservices19">数值控制</div>
                    <div class="productsandservices20">设备控制功能，可以实现按数值控制设备。</div>
                  </div>
                  <!-- 3 -->
                  <div class="productsandservices17">
                    <img src="./../../assets/productsandservicesimg/自动控制.png" class="productsandservices18" alt="" />
                    <div class="productsandservices19">自动控制</div>
                    <div class="productsandservices20">用户可以通过策略设置，设定好触发条件，当条件达到标准时，即自动控制设备进行相应的操作。</div>
                  </div>
                  <!-- 4 -->
                  <div class="productsandservices17">
                    <img src="./../../assets/productsandservicesimg/连锁控制.png" class="productsandservices18" alt="" />
                    <div class="productsandservices19">连锁控制</div>
                    <div class="productsandservices20">通过自动控制逻辑（参数策略），实现连锁控制。</div>
                  </div>
                </div>
              </div>
            </el-tab-pane>
            <el-tab-pane label="报警预警类" name="third">
              <div class="productsandservices21">
                <div class="productsandservices22">
                  •&nbsp;报警类功能用于检测、分析各类异常数据，当设备、环境指标超过限度时，系统会自动通过多渠道向用户发送报警信息，提醒用户及时处理，并生成相应记录，便于后续改进。
                </div>
                <div class="productsandservices23">
                  <div class="productsandservices24">
                    <img src="./../../assets/productsandservicesimg/报警设置.png" class="productsandservices25" alt="" />
                    <div class="productsandservices26">报警设置</div>
                    <div class="productsandservices27">配置报警功能，进行网页、app的声音、文字报警</div>
                  </div>
                  <!-- 2 -->
                  <div class="productsandservices24">
                    <img src="./../../assets/productsandservicesimg/报警记录.png" class="productsandservices25" alt="" />
                    <div class="productsandservices26">报警记录</div>
                    <div class="productsandservices27">支持报警记录功能，历次报警数据查看</div>
                  </div>
                  <!-- 3 -->
                  <div class="productsandservices24">
                    <img src="./../../assets/productsandservicesimg/预警功能.png" class="productsandservices25" alt="" />
                    <div class="productsandservices26">预警功能</div>
                    <div class="productsandservices27">
                      系统会将设备故障数据提炼出一条普适性的数据，后续其他设备出现此类异常时，系统会在此时发送预警。
                    </div>
                  </div>
                  <!-- 4 -->
                  <div class="productsandservices24">
                    <img src="./../../assets/productsandservicesimg/报警原因.png" class="productsandservices25" alt="" />
                    <div class="productsandservices26">报警原因</div>
                    <div class="productsandservices27">支持为每个报警备注“报警原因”，以便管理员对报警状况进行掌握。</div>
                  </div>
                </div>
              </div>
            </el-tab-pane>
            <!-- 4 -->
            <el-tab-pane label="数据报表类" name="fourth">
              <div class="productsandservices28">
                <div class="productsandservices29">
                  •&nbsp;统计类功能用于分析系统中集成的各种信息，并通过表格、图片进行汇总、展示，支持自定义表格，进行任意数据分统计分析，为用户决策制定提供依据。
                </div>
                <div class="productsandservices30">
                  <!-- 1 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/数据源配置.png" class="productsandservices32" alt="" />

                    <div class="productsandservices35">数据源配置</div>
                    <div class="productsandservices34">用户可以为监护点、参数卡片等多种功能配置数据源</div>
                  </div>
                  <!-- 2 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/报表.png" class="productsandservices32" alt="" />

                    <div class="productsandservices36">报表</div>
                    <div class="productsandservices34">支持用户按照多种方式统计数据，可以是日报表、月报表、年报表或区间报表。</div>
                  </div>
                  <!-- 3 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/数据图表.png" class="productsandservices32" alt="" />

                    <div class="productsandservices33">数据图表</div>
                    <div class="productsandservices34">根据监测的数据生成各种图表，如曲线、柱状图、饼图等。</div>
                  </div>
                  <!-- 4 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/参数日报.png" class="productsandservices32" alt="" />

                    <div class="productsandservices33">参数日报</div>
                    <div class="productsandservices34">在项目中选择机构和日期，查询出某一个参数多个设备同一天的不同时间的数值</div>
                  </div>
                  <!-- 5 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/历史数据.png" class="productsandservices32" alt="" />

                    <div class="productsandservices33">历史数据</div>
                    <div class="productsandservices34">用户可以按照参数、设备、所属机构、时间等要素对历史数据进行查阅。</div>
                  </div>
                  <!-- 6 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/事故追忆.png" class="productsandservices32" alt="" />

                    <div class="productsandservices33">事故追忆</div>
                    <div class="productsandservices34">系统会将异常数据前后的所有连续数据存储在另一个分区中，以确保数据不会被删除。</div>
                  </div>
                  <!-- 7 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/内存变量.png" class="productsandservices32" alt="" />

                    <div class="productsandservices33">内存变量</div>
                    <div class="productsandservices34">允许用户直接通过函数计算，把采集到的数据计算后向用户展示。</div>
                  </div>
                  <!-- 8 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/自定义表单.png" class="productsandservices32" alt="" />

                    <div class="productsandservices35">自定义表单</div>
                    <div class="productsandservices34">设置信息表单，可以用于收集用户反馈、评价等。</div>
                  </div>
                  <!-- 9 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/能耗分析.png" class="productsandservices32" alt="" />

                    <div class="productsandservices33">能耗分析</div>
                    <div class="productsandservices34">专为能耗系统设置的分析模块，综合展示能耗使用状况。</div>
                  </div>
                  <!-- 10 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/设备报表.png" class="productsandservices32" alt="" />

                    <div class="productsandservices33">设备报表</div>
                    <div class="productsandservices34">在项目中机构，设备和时间范围，查询出某一个参数一个设备不同时间的数值。</div>
                  </div>
                  <!-- 11 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/设备标准日报.png" class="productsandservices32" alt="" />

                    <div class="productsandservices37">设备标准日报</div>
                    <div class="productsandservices34">在项目中，可直接查询该型号下设备存储历史数据的某一天的历史数据</div>
                  </div>
                  <!-- 12 -->
                  <div class="productsandservices31">
                    <img src="./../../assets/productsandservicesimg/设备标准月报.png" class="productsandservices32" alt="" />

                    <div class="productsandservices37">设备标准月报</div>
                    <div class="productsandservices34">在项目中，可直接查询该型号下设备存储历史数据的某月的历史数据</div>
                  </div>
                </div>
              </div>
            </el-tab-pane>
            <!-- 5 -->
            <el-tab-pane label="智慧管理类" name="fifth">
              <div class="productsandservices38">
                <div class="productsandservices39">
                  •&nbsp;显示类功能用于展示采集到的数据信息，用户可以通过展示的内容随时了解环境指标，设备状态等等数据，支持PC、手机的远程展示、现场触控屏展示和LED大屏展示等。
                </div>
                <div class="productsandservices40">
                  <!-- 1 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/项目管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">项目管理</div>
                    <div class="productsandservices44">支持一个系统下建立多个项目，各项目之间管理、数据、设备等内容全部相互独立。</div>
                  </div>
                  <!-- 2 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/用户管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">用户管理</div>
                    <div class="productsandservices44">对项目中的账户密码进行分配，是某一角色类别下所有的用户，可以具体到个人。</div>
                  </div>
                  <!-- 3 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/机构管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">机构管理</div>
                    <div class="productsandservices44">支持无限层级的机构管理</div>
                  </div>
                  <!-- 4 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/角色管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">角色管理</div>
                    <div class="productsandservices44">为不同用户分配不同角色</div>
                  </div>
                  <!-- 5 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/权限管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">权限管理</div>
                    <div class="productsandservices44">为不同用户分配不同权限，权限可自定义分配</div>
                  </div>
                  <!-- 6 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/设备管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">设备管理</div>
                    <div class="productsandservices44">设备管理、调试、自动增加参数、配置参数</div>
                  </div>
                  <!-- 7 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/驱动管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">驱动管理</div>
                    <div class="productsandservices44">开放硬件驱动接口，用户可自行添加硬件产品和通讯协议</div>
                  </div>
                  <!-- 8 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/任务管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">任务管理</div>
                    <div class="productsandservices44">支持人给人，设备给人自动发送任务</div>
                  </div>
                  <!-- 9 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/巡检管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">巡检管理</div>
                    <div class="productsandservices44">对巡检设备进行分类、录入、绑定NFC标签等</div>
                  </div>
                  <!-- 10 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/生产线管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices45">生产线管理</div>
                    <div class="productsandservices44">支持生产线监控，可将生产线上各数据接入系统，进行全面监管</div>
                  </div>
                  <!-- 11 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/时间管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">时间管理</div>
                    <div class="productsandservices44">用户为系统配置时间模板，让大部分功能在相应的时间模板下运行</div>
                  </div>
                  <!-- 12 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/管理记录.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">管理记录</div>
                    <div class="productsandservices44">分为操作记录和控制记录，便于找到操作人</div>
                  </div>
                  <!-- 13 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/文档管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">文档管理</div>
                    <div class="productsandservices44">将文件分门别类上传到云端并加密，便于随时随地读取</div>
                  </div>
                  <!-- 14 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/模板管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">模板管理</div>
                    <div class="productsandservices44">用户可以使用各种模板快速搭建功能模块、监控点、甚至整个项目</div>
                  </div>
                  <!-- 15 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/设备运维.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">设备运维</div>
                    <div class="productsandservices44">搭建好的组态画面，可将该模块设置为项目登陆首页</div>
                  </div>
                  <!-- 16 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/知识库.png" class="productsandservices42" alt="" />
                    <div class="productsandservices46">知识库</div>
                    <div class="productsandservices44">公开的知识可以提供给所有人在“知识检索”中进行检索</div>
                  </div>
                  <!-- 17 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/虚拟设备.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">虚拟设备</div>
                    <div class="productsandservices44">配置虚拟设备，统计多设备参数运算结果</div>
                  </div>
                  <!-- 18 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/自定义脚本.png" class="productsandservices42" alt="" />
                    <div class="productsandservices45">自定义脚本</div>
                    <div class="productsandservices44">通过脚本，自定义多个参数运算规则，展示和最终结果</div>
                  </div>
                  <!-- 19 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/数据转发.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">数据转发</div>
                    <div class="productsandservices44">连接设备IP，设备作服务器，平台端作客户端，建立TCP连接，搭建数据通道。</div>
                  </div>
                  <!-- 20 -->
                  <div class="productsandservices41">
                    <img src="./../../assets/productsandservicesimg/商品管理.png" class="productsandservices42" alt="" />
                    <div class="productsandservices43">商品管理</div>
                    <div class="productsandservices44">简单的进销存管理</div>
                  </div>
                </div>
              </div>
            </el-tab-pane>
            <!-- 6 -->
            <el-tab-pane label="大数据相关" name="sixth">
              <div class="productsandservices47">
                <div class="productsandservices48">
                  •&nbsp;控制类功能用于控制接入系统的各种设备，包括控制开关、运行模式、运转效率等等，支持远程、现场控制，并可以通过设置实现自动控制和连锁控制。
                </div>
                <div class="productsandservices49">
                  <div class="productsandservices50">
                    <img src="./../../assets/productsandservicesimg/大数据展示 (2).png" class="productsandservices51" alt="" />
                    <div class="productsandservices54">大数据展示</div>
                    <div class="productsandservices53">将系统中任意数据在界面中进行展示。</div>
                  </div>
                  <div class="productsandservices50">
                    <img src="./../../assets/productsandservicesimg/专家系统.png" class="productsandservices51" alt="" />
                    <div class="productsandservices52">专家系统</div>
                    <div class="productsandservices53">允许各领域的专家通过企业相关数据对企业状况进行诊断。</div>
                  </div>
                  <div class="productsandservices50">
                    <img src="./../../assets/productsandservicesimg/方案推荐.png" class="productsandservices51" alt="" />
                    <div class="productsandservices52">方案推荐</div>
                    <div class="productsandservices53">为企业推荐附近厂家、维修服务等</div>
                  </div>
                  <div class="productsandservices50">
                    <img src="./../../assets/productsandservicesimg/开发中.png" class="productsandservices51" alt="" />
                    <div class="productsandservices55">开发中</div>
                    <div class="productsandservices53">更多功能持续开发中...</div>
                  </div>
                </div>
              </div>
            </el-tab-pane>
            <!-- 7 -->
            <el-tab-pane label="产品溯源类" name="seventh">
              <div class="productsandservices56">
                <div class="productsandservices57">
                  •&nbsp;控制类功能用于控制接入系统的各种设备，包括控制开关、运行模式、运转效率等等，支持远程、现场控制，并可以通过设置实现自动控制和连锁控制。
                </div>
                <div class="productsandservices58">
                  <div class="productsandservices59">
                    <img src="./../../assets/productsandservicesimg/综合展示.png" class="productsandservices60" alt="" />
                    <div class="productsandservices61">综合展示</div>
                    <div class="productsandservices62">溯源产品追溯统计、库存信息等多种数据的综合展示</div>
                  </div>
                  <!-- 2 -->
                  <div class="productsandservices59">
                    <img src="./../../assets/productsandservicesimg/批次管理.png" class="productsandservices60" alt="" />
                    <div class="productsandservices61">批次管理</div>
                    <div class="productsandservices62">提供各批次产品的生产批号、日期、产品详情等信息</div>
                  </div>
                  <!-- 3 -->
                  <div class="productsandservices59">
                    <img src="./../../assets/productsandservicesimg/产品管理.png" class="productsandservices60" alt="" />
                    <div class="productsandservices61">产品管理</div>
                    <div class="productsandservices62">提供产品类别、产品详细介绍等信息，供用户查阅</div>
                  </div>
                  <!-- 4 -->
                  <div class="productsandservices59">
                    <img src="./../../assets/productsandservicesimg/库房管理.png" class="productsandservices60" alt="" />
                    <div class="productsandservices61">库房管理</div>
                    <div class="productsandservices62">支持库房详情、出入库管理等信息的输入和查询</div>
                  </div>
                </div>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import "./../../store/flexible";
import "./../../assets/styles/index.css";
export default {
  data() {
    return {
      activeName: "first",
    };
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped>
::v-deep .el-tabs__nav {
  width: 15rem;
  height: 0.7875rem;
  line-height: 0.7875rem;
  /* font-size: 20px;
  font-weight: 400;
  color: #323233; */
  /* text-align: center; */
}
::v-deep .el-tabs__item {
  padding-right: 0.3125rem !important;
  font-size: 0.25rem;
  font-weight: bold;
  color: #323233;
  /* line-height: 0.325rem; */
  width: 2.1429rem !important;
  /* border-bottom: 1px solid #ffff; */
}
/* ::v-deep .el-tabs__nav {
  width: 2.375rem;
  border-bottom: 1px solid #ffff;
} */
::v-deep .el-tabs__nav-wrap::after {
  background-color: #eeeeee !important;
  width: 15rem;

  /* padding-bottom: .25rem; */
  /* lang="scss" */
}
/* ::v-deep .el-tabs__item:nth-child(2) {
  margin-right: 1rem;
  width: 3.75rem;
} */
::v-deep .el-tabs__item:nth-child(2) {
  margin-left: 0.375rem;
  /* padding-left: 1.3125rem; */
  width: 2.175rem;
}
/* .action {
  border-bottom: 2px solid #155bd4;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
} */
::v-deep .el-tabs__active-bar {
  bottom: .0362rem;
  width: 2.1429rem !important;
  /* border-bottom: 1px solid #ffff; */
  /* width: 3.75rem; */
}
</style>
